{extend name="layouts@base" /}
{block name="head"}
<link rel="stylesheet" href="__STATIC__/mobile/default/js/Swiper-4.0.7/swiper.min.css" />
<link rel="stylesheet" href="__STATIC__/mobile/default/css/my.css" />
<style>
    .id-box {
        position: relative;
    }

    .id-card {
        display: flex;
        align-items: center;
        background-color: #fff1bf;
        color: #1b1b1b;
        font-size: 14px;
        position: relative;
        z-index: 1;
        padding: 5px 15px;
        border-radius: 12px;
    }

    .id-card__avatar {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        margin: 0 auto;
        background-image: url(../addons/vslai_shop/static/images/avatar1.png);
    }

    .id-card__id {
        color: #a2a2a2;
        font-size: 10px;
        padding: 0 5px;
        text-align: center;
    }

    .id-card__content {
        padding: 5px 2px 5px;
        flex: 1;
    }

    .id-speak {
        background-color: #414141;
        position: relative;
        z-index: 0;
        margin-top: -5px;
        border-radius: 0 0 12px 12px;
        color: #e9cb00;
        padding: 0.1rem 0.15rem 0.05rem;
        font-size: 0.20rem;
        line-height: 0.32rem;
        display: flex;
        align-items: center;
    }
    .id-speak ul li{ font-size: 0.18rem; padding: 0 0.15rem; height: 25px; line-height: 25px; overflow: hidden; }
    .hot-title{font-size: 0.2rem;}
   .fz18{ font-size: 0.18rem;}
   .p-t0{padding-top: 0;}
   .m-t0{ margin-top: 0; }
   .van-grid-item__content{ padding: 5px; }
   .box{ padding: 5px 0; background: #fff; }
   .boxs{ padding: 10px 0; background: #fff; }
   .boxs .mb-1{ line-height: 16px;}
   	.van-notice-bar{height: 40px; padding-top: 10px; margin-top: -5px; border-radius: 10px; }
    .notice-swipe{ height: 30px; line-height: 22px;}
  .van-swipe-item{ width: 100% !important;}
   .boxs .van-grid-item{ flex-basis: 33.33% !important; width: 33.33%;  }
   .flex-center{display: block; text-align: center;}
   [v-cloak] {display:none !important;}
   
   .iconfont{font-size: 0.5rem; display: block; height: 0.5rem; width: 0.5rem; text-align: center; line-height: 0.5rem; }
   .iconfont.fs4{font-size: 0.4rem;}
   .iconfont.fs35{font-size: 0.35rem;}
   .iconfont.fs47{ font-size: 0.47rem; }
   .iconfont.fs57{ font-size: 0.57rem; }
   .my-header{padding: 0 0.15667rem 0;}
</style>
{/block}
{block name="main" }




<div class="page-bd my" id="app" v-cloak>
    <div class="my-header">
        <div class="id-box my-id-box">
            <div class="id-card card">
                <div class="id-card__header">
                    <van-image round width=".72rem" height=".72rem" fit="cover" src="{$userInfo['headimgurl']|default='__STATIC__/images/avatar.png'}">
                        <div class="id-card__id">
                            <div>ID</div>
                            <div>733469</div>
                        </div>
                </div>
                <div class="id-card__content">
                    <div class="flex-item ml-2 font-sm">
                        <div class="flex align-items--baseline">
                            <div class="flex-item font-md mr-1">{{user.nick_name}}<span
                                    class="small color--md ml-1">(ID:{{user.user_id}}/{{user.mobile}})</span></div>
                            <!-- <van-image width="0.25rem" height="0.25rem" fit="cover" src="__STATIC__/images/icon-01.png"></van-image> -->
                            <a href="{:url('setting')}">
                                <van-image width="0.25rem" height="0.25rem" fit="cover" class="ml-1"
                                    src="__STATIC__/images/icon-02.png">
                                </van-image>
                            </a>
                        </div>
                        <div class="mt-1 van-hairline--bottom">会员身份：{{(user.role && user.role.role_name) || '普通会员'}} </div>
                        <div class="mt-1 van-hairline--bottom">推荐人ID：{{user.pid}}</div>
                        <div class="mt-1 van-hairline--bottom">个人业绩：{{user.total_consume}}</div>
                        <div class="mt-1 van-hairline--bottom">团队业绩：{{user.total_consume_td}}</div>
                        <div class="mt-1 van-hairline--bottom">广告费：{{user.account.bean_value}}</div>
                        
                        <div class="flex align-items--baseline">
                            <div class="flex-item font-md mr-1" style="font-size: 14px !important;">星券：{{user.account.d_use_integral}}</div>
                            <a href="{:url('member/center/givemoney')}" style="
                                background-color: rgb(216 13 79);
                                border-color: rgb(250, 236, 216);
                                color: rgb(255 255 255);
                                height: 30px;
                                padding: 6px 5px;
                                line-height: 19px;
                                border-width: -1px;
                                border-style: solid;
                                border-radius: 8px;
                                box-sizing: border-box;
                                white-space: nowrap;">余额转赠</a>
                        </div>
                      
                        <!-- <div class="mt-2" style="padding-left: 0.5rem;">
                            <div class="flex font-sm text--center">
                                <a href="{:url('shop/collect/index')}" class="flex-item">
                                    <div>{$count['collect']}</div>
                                    <div class="fz18">我的收藏</div>
                                </a>
                                <a href="{:url('shop/comment/index')}" class="flex-item">
                                    <div>{$count['comment']}</div>
                                    <div class="fz18">我的评价</div>
                                </a>
                                <a href="{:url('MyTeam/index')}" class="flex-item">
                                    <div>{$count['num_all']}</div>
                                    <div class="fz18">我的团队</div>
                                </a>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="id-card__handle">
                    <div class="id-card__icon">
                        <img src="../addons/vslai_shop/static/images/icon09.png" alt="">
                    </div>
                    <div class="id-card__icon"
                        onclick="location.href=&quot;http://wqfxshop.ijhih.cn/app/index.php?i=1604&amp;c=entry&amp;p=info&amp;do=member&amp;m=vslai_shop&quot;">
                        <img src="../addons/vslai_shop/static/images/icon10.png" alt="">
                    </div>
                </div>
            </div>
        	<van-notice-bar left-icon="volume-o" background="#414141" color="#e9cb00" :scrollable="false">
			  <van-swipe vertical class="notice-swipe" :autoplay="3000" :show-indicators="false">
			    <van-swipe-item v-for="(vo,index) in notice" :key = "index" @click="Details(vo.id)">{{vo.title}}</van-swipe-item>
			  </van-swipe>
			</van-notice-bar>

        </div>
        <div>
        </div>
    </div>
    <div class="m" style="padding-top: 0.8rem;">
    	<div class="hot-title m-t0">我的钱包</div>
        <van-grid :border="false" :column-num="3" class="text--center font-md boxs">
            <van-grid-item url="{:url('wallet/balance')}">
                <div class="flex-center">
                    <div class="color--red mb-1">￥{{user.account && user.account.balance_money || 0.00}}</div>
                    <!-- <van-image width=".54rem" src="__STATIC__/images/icon-03.png"></van-image> -->
                    <div class="flex-item ">
                        
                        <div class="mt-1 fz18">我的余额</div>
                    </div>
                </div>
            </van-grid-item>
         
            <van-grid-item url="{:url('wallet/jifen')}">
                <div class="flex-center">
                    <div class="color--red mb-1">{{user.account && user.account.use_integral || 0.00}}</div>
                    <!-- <van-image width=".54rem" src="__STATIC__/images/icon-04.png"></van-image> -->
                    <div class="flex-item ">
                        
                        <div class="mt-1 fz18">我的星券</div>
                    </div>
                </div>
            </van-grid-item>

            
            <van-grid-item url="{:url('wallet/index')}">
                <div class="flex-center">
                    <div class="color--red mb-1">{{user.account && user.account.total_dividend || 0.00}}</div>
                    <!-- <van-image width=".54rem" src="__STATIC__/images/icon-04.png"></van-image> -->
                    <div class="flex-item ">
                        
                        <div class="mt-1 fz18">我的佣金</div>
                    </div>
                </div>
            </van-grid-item>

        </van-grid>
        <div class="hot-title">我的订单</div>
        <van-grid :border="false" :column-num="4" class="text--center font-sm mb-3 order">
            <van-grid-item url="{:url('shop/order/index',['type'=>'waitPay'])}">
                <span style="color: red;margin-left:0.5rem">{$order1}</span>
            	<i class="iconfont icon-daifukuan"></i>
                
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-05.png"></van-image>-->
                <div class="mt-1 fz18">待付款</div>
            </van-grid-item>
            <van-grid-item url="{:url('shop/order/index',['type'=>'waitShipping'])}">
                <span style="color: red;margin-left:0.5rem">{$order2}</span>
            	<i class="iconfont icon-daifahuo"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-06.png"></van-image>-->
                <div class="mt-1 fz18">待发货</div>
            </van-grid-item>
            <van-grid-item url="{:url('shop/order/index',['type'=>'waitSign'])}">
                <span style="color: red;margin-left:0.5rem">{$order3}</span>
            	<i class="iconfont icon-daishouhuo fs57"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-07.png"></van-image>-->
                <div class="mt-1 fz18">待收货</div>
            </van-grid-item>
            <!-- <van-grid-item url="{:url('shop/order/index',['type'=>'sign'])}">
                    <van-image width=".5rem" src="__STATIC__/images/icon-08.png"></van-image>
                    <div class="mt-1">待退款</div>
                </van-grid-item> -->
            <van-grid-item url="{:url('shop/order/index',['type'=>'sign'])}">
                <span style="color: red;margin-left:0.5rem">{$order4}</span>
            	<i class="iconfont icon-yiwancheng fs47"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-09.png"></van-image>-->
                <div class="mt-1 fz18">已完成</div>
            </van-grid-item>
        </van-grid>
        <a href="{:url('member/Center/myCode')}">
        	<van-image src="__STATIC__/images/banner.png"></van-image>
        </a>
        <div class="hot-title">常用功能</div>
        <van-grid :border="false" :column-num="4" class="text--center font-md mb-3 bg box">
        	<van-grid-item url="{:url('MyTeam/index')}">
        		<i class="iconfont icon-wodetuandui"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-11113.png"></van-image>-->
                <div class="mt-1 fz18">我的团队</div>
            </van-grid-item>
            {if condition ="$setting.about_us_status == 1"}
            <van-grid-item url="{:url('member/Center/myCode')}">
				<i class="iconfont icon-yaoqinghaoyou fs4"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-13.png"></van-image>-->
                <div class="mt-1 fz18">邀请好友</div>
            </van-grid-item>
            {/if}
<!--            <van-grid-item url="{:url('fightgroup/order/index')}">-->
<!--                <van-image width=".64rem" src="__STATIC__/images/icon-10.png"></van-image>-->
<!--                <div class="mt-1">我的拼团</div>-->
<!--            </van-grid-item>-->
            <van-grid-item url="{:url('withdraw/bankList')}">
            	<i class="iconfont icon-29 fs4"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-11.png"></van-image>-->
                <div class="mt-1 fz18">提现管理</div>
            </van-grid-item>
             <van-grid-item url="{:url('/member/user_sign/index')}">
             	<i class="iconfont icon-qiandao fs35"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-11114.png"></van-image>-->
                <div class="mt-1 fz18">我的签到</div>
            </van-grid-item>
            <!-- <van-grid-item url="{:url('center/bonus')}">
            	<i class="iconfont icon-youhuiquan"></i>
                <van-image width=".5rem" src="__STATIC__/images/icon-16.png"></van-image>
                <div class="mt-1 fz18" >优惠券</div>
            </van-grid-item> -->
<!--            <van-grid-item url="{:url('center/store_code')}">-->
<!--                <van-image width=".64rem" src="__STATIC__/images/icon-14.png"></van-image>-->
<!--                <div class="mt-1">收款码</div>-->
           <!-- </van-grid-item> -->
            {if condition ="$setting.dividend_directions_status == 1"}
            <van-grid-item url="{:url('shop/article/dividendDirections')}">
            	<i class="iconfont icon-hehuoren-yongjinxiangxi"></i>            	
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-17.png"></van-image>-->
                <div class="mt-1 fz18">分佣说明</div>
            </van-grid-item>
            {/if}
            <van-grid-item url="{:url('address')}">
            	<i class="iconfont icon-shouhuodizhi"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-15.png"></van-image>-->
                <div class="mt-1 fz18">收货地址</div>
            </van-grid-item>
            <!-- <van-grid-item url="http://p.qiao.baidu.com/cps/chat?siteId=15181896&userId=30609458&siteToken=80a7490ff8288f38ced0bea9cea71fcc&cp=jpshop.qdlkeji.com&cr=jpshop.qdlkeji.com&cw=jpshop.qdlkeji.com"> -->
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-11112.png"></van-image>-->
                <!-- <i class="iconfont icon-kefu"></i>
                <div class="mt-1 fz18">我的客服</div>
            </van-grid-item> -->
             <!-- <van-grid-item url="https://appmSe31XC22397.h5.xiaoeknow.com">
             	<i class="iconfont icon-icon"></i>
                <van-image width=".5rem" src="__STATIC__/images/icon-111111.png"></van-image>
                <div class="mt-1 fz18">在线课堂</div>
            </van-grid-item> -->
            <van-grid-item url="{:url('member/center/givemoney')}">
            	<i class="iconfont icon-youhuiquan"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-16.png"></van-image>-->
                <div class="mt-1 fz18" >余额转赠</div>
            </van-grid-item>

            <!-- <van-grid-item url="{:url('member/center/regionquery')}">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >代理查询</div>
            </van-grid-item> -->
            <!-- <van-grid-item url="{:url('member/center/regionaward')}">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >区域津贴</div>
            </van-grid-item> -->
            <van-grid-item url="{:url('member/center/orderaward')}">
            	<i class="iconfont icon-youhuiquan"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-16.png"></van-image>-->
                <div class="mt-1 fz18" >收入明细</div>
            </van-grid-item>
                <van-grid-item url="http://ww.jifud.cn/=0qLL">
            	<i class="iconfont icon-youhuiquan"></i>
                <!--<van-image width=".5rem" src="__STATIC__/images/icon-16.png"></van-image>-->
                <div class="mt-1 fz18" >安卓App</div>
            </van-grid-item>
            
            <!-- <van-grid-item @click="onRegion">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >代理商申请</div>
            </van-grid-item> -->
            <!-- <van-grid-item @click="onRegion1">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >省代理商申请</div>
            </van-grid-item>
            <van-grid-item @click="onRegion2">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >市代理商申请</div>
            </van-grid-item>
            <van-grid-item @click="onRegion3">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >区代理商申请</div>
            </van-grid-item>
            <van-grid-item @click="onRegion4">
            	<i class="iconfont icon-youhuiquan"></i>
                <div class="mt-1 fz18" >镇代理商申请</div>
            </van-grid-item> -->
        </van-grid>
    </div>
    <!-- <van-grid :border="false" :gutter="10" :column-num="2" class="text--center font-md mb-3">
       <van-grid-item @click="onStore">
           <van-image src="__STATIC__/images/pic-01.png"></van-image>
           <div class="mt-1">门店申请</div>
       </van-grid-item>
        <van-grid-item @click="onRegion">
            <van-image src="__STATIC__/images/pic-02.png"></van-image>
            <div class="mt-1">镇代理商申请</div>
        </van-grid-item>
        <van-grid-item @click="onRegion">
            <van-image src="__STATIC__/images/pic-02.png"></van-image>
            <div class="mt-1">区代理商申请</div>
        </van-grid-item>
        <van-grid-item @click="onRegion">
            <van-image src="__STATIC__/images/pic-02.png"></van-image>
            <div class="mt-1">市代理商申请</div>
        </van-grid-item>
        <van-grid-item @click="onRegion">
            <van-image src="__STATIC__/images/pic-02.png"></van-image>
            <div class="mt-1">省代理商申请</div>
        </van-grid-item>
    </van-grid> -->
    <a href="{:url('logout')}" class="return fs28 color_3 fw_b">退出登录</a>
</div>
{include file="layouts@bottom" /}
{/block}

{block name="footer"}
<script type=" text/javascript" src="__STATIC__/mobile/default/js/Swiper-4.0.7/swiper.min.js"></script>
<script src="__STATIC__/built/pages/my.js"></script>
<script type="text/javascript">
	$(function(){
	
    
//  var swiper = new Swiper('.swiper-container', {
//      pagination: '.swiper-pagination',
//      direction: 'vertical',
//      slidesPerView: 1,
//      paginationClickable: true,
//      spaceBetween: 30,
//      mousewheelControl: false
//  });
    
    
	})
	
</script>
<script>
	
</script>
{/block}